.padding {
  padding: 20px;
}
.padding-lg {
  padding: 30px;
}
.padding-sm {
  padding: 10px;
}
.padding-lr {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-lr-lg {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-tb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-tb-lg {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-left {
  padding-left: 20px;
}
.padding-left-lg {
  padding-left: 30px;
}
.padding-left-xl {
  padding-left: 40px;
}
.padding-left-sm {
  padding-left: 10px;
}
.padding-right {
  padding-right: 20px;
}
.padding-right-lg {
  padding-right: 30px;
}
.padding-right-xl {
  padding-right: 40px;
}
.padding-right-sm {
  padding-right: 10px;
}
.padding-bottom {
  padding-bottom: 20px;
}
.padding-bottom-lg {
  padding-bottom: 30px;
}
.padding-bottom-xl {
  padding-bottom: 40px;
}
.padding-bottom-sm {
  padding-bottom: 10px;
}
.padding-top {
  padding-top: 20px;
}
.padding-top-lg {
  padding-top: 30px;
}
.padding-top-xl {
  padding-top: 40px;
}
.padding-top-sm {
  padding-top: 10px;
}

.margin {
  margin: 20px;
}
.margin-lg {
  margin: 30px;
}
.margin-sm {
  margin: 10px;
}
.margin-lr {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-lr-lg {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-tb {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-tb-lg {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-left {
  margin-left: 20px;
}
.margin-left-lg {
  margin-left: 30px;
}
.margin-left-xl {
  margin-left: 40px;
}
.margin-left-sm {
  margin-left: 10px;
}
.margin-right {
  margin-right: 20px;
}
.margin-right-sm {
  margin-right: 10px;
}
.margin-right-lg {
  margin-right: 30px;
}
.margin-right-xl {
  margin-right: 40px;
}

.margin-bottom {
  margin-bottom: 20px;
}
.margin-bottom-lg {
  margin-bottom: 30px;
}
.margin-bottom-xl {
  margin-bottom: 40px;
}
.margin-bottom-sm {
  margin-bottom: 10px;
}
.margin-bottom-xs {
  margin-bottom: 5px;
}
.margin-top {
  margin-top: 20px;
}
.margin-top-lg {
  margin-top: 30px;
}
.margin-top-xl {
  margin-top: 40px;
}
.margin-top-sm {
  margin-top: 10px;
}
